<!DOCTYPE html>
<html lang="en">
<head>
<title>Services</title>
	
	<!-- Meta tag Keywords -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="utf-8">
	<meta name="keywords" content="" />
	<script type="application/x-javascript">
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
	<!--// Meta tag Keywords -->
	
	<!-- css files -->
	<link rel="stylesheet" href="css/bootstrap.css"> <!-- Bootstrap-Core-CSS -->
	<link rel="stylesheet" href="css/style.css" type="text/css" media="all" /> <!-- Style-CSS --> 
	<link rel="stylesheet" href="css/fontawesome-all.css"> <!-- Font-Awesome-Icons-CSS -->
	<!-- //css files -->

	<!-- web-fonts -->
	<link href="http://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=cyrillic,cyrillic-ext,latin-ext,vietnamese" rel="stylesheet">
	<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese" rel="stylesheet">
	<!-- //web-fonts -->
	
</head>

<body>
	<!-- Navigation -->
	<div class="container">
		<!-- header top -->
		<div class="head-wl d-md-flex py-3">
			<div class="headder-w3 text-uppercase p-1 text-center">
				<h1><a href="index.html"><img src="images/0.jpg" height="60px" alt="金钊金属" /></a></h1>
			</div>

			<div class="w3-header-top-right-text text-center">
				<h6 class="caption p-1">联系我们</h6>
				<p>13463127669</p>
			</div>

			<div class="email-right text-center">
				<h6 class="caption p-1">邮箱地址</h6>
				<p><a href="mailto:mail@example.com" class="info">hebeijinzhaojinshu@163.com</a></p>

			</div>

			<div class="agileinfo-social-grids text-center">
			</div>
		</div>
		<!-- //header top -->
	
		<!-- Nav bar -->
		<nav class="navbar navbar-expand-lg navbar-light bg-faded">
		  <button class="navbar-toggler mx-auto" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
			<span class="navbar-toggler-icon"></span>
		  </button>
		  <div class="collapse navbar-collapse justify-content-center" id="navbarNavDropdown">
			<ul class="navbar-nav">
			  <li class="nav-item active">
				<a class="nav-link" href="index.html">主页 <span class="sr-only">(current)</span></a>
			  </li>
			  <li class="nav-item">
				<a class="nav-link" href="about.html">关于我们</a>
			  </li>
			  <li class="nav-item">
				<a class="nav-link" href="services.html">我们的服务</a>
			  </li>
			  <li class="nav-item">
				<a class="nav-link" href="gallery.html">工厂展示</a>
			  </li>
			  <li class="nav-item dropdown">
				<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
				  关于产品
				</a>
				<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
				  <a class="dropdown-item" href="typography.html">产品详情</a>
				</div>
			  </li>
			  <li class="nav-item">
				<a class="nav-link" href="contact.html">联系我们</a>
			  </li>
			</ul>
		  </div>
		</nav>
	<!-- Nav bar -->
    </div>
	<!-- //Navigation -->

<!-- inner page banner -->
<section class="inner_page_banner text-center pt-4">
	<h2 class="page_heading text-uppercase pt-md-5 pt-sm-4">我们的服务</h2>
	<h4 class="text-uppercase pt-2"><a href="index.html">主页</a> - 我们的服务</h4>
</section>
<!-- //inner page banner -->

<!-- services -->
<section class="services py-5 my-lg-5">
	<h3 class="heading text-center text-uppercase">我们能为您做些什么？</h3>
	<p class="heading-bottom text-center font-italic mb-5">我们能够做的就是让您满意</p>
	<div class="container">
		<div class="row">
				<div class="col-lg-4 col-md-6 agileits_banner_bottom_left">
					<div class="agileinfo_banner_bottom_pos">
						<div class="row w3_agileits_banner_bottom_pos_grid">
							<div class="col-3 wthree_banner_bottom_grid_left">
								<div class="agile_banner_bottom_grid_left_grid hvr-radial-out text-center">
									<i class="fab fa-steam" aria-hidden="true"></i>
								</div>
							</div>
							<div class="col-9 wthree_banner_bottom_grid_right">
								<h4 class="sub_service_agileits text-uppercase mb-2">让您放心的原材料</h4>
								<p class="mb-2">我们自建厂以来，一直采用九江以及长宁Q196正规盘条拉制铁丝产品，能够达到我们产品所需的产品特性：材料质地柔软、抗拉强度在正常范围、没有毛边掉渣、不会轻易折断等等</p>
								<div class="agileits-button two service">
									<a class="btn btn-primary btn-lg hvr-underline-from-left text-uppercase" href="#" data-toggle="modal" data-target="#exampleModalCenter" role="button">更多详情»</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-6 agileits_banner_bottom_left mt-md-0 mt-4">
					<div class="agileinfo_banner_bottom_pos">
						<div class="row w3_agileits_banner_bottom_pos_grid">
							<div class="col-3 wthree_banner_bottom_grid_left">
								<div class="agile_banner_bottom_grid_left_grid hvr-radial-out text-center">
									<i class="fa fa-rocket" aria-hidden="true"></i>
								</div>
							</div>
							<div class="col-9 wthree_banner_bottom_grid_right">
								<h4 class="sub_service_agileits text-uppercase mb-2">准确无误的丝径</h4>
								<p class="mb-2">我们专业的拔丝团队，各个员工轮流实时监测源铁丝丝径数据。做到时刻控制在正确丝径范围，如发现丝径误差过大或者丝径出现粗细不均匀情况会立刻停机检查并且丝径错误部分会直接废弃处理，防止与完好铁丝混合流入市场。</p>
								<div class="agileits-button two service">
									<a class="btn btn-primary btn-lg hvr-underline-from-left text-uppercase" href="#" data-toggle="modal" data-target="#exampleModalCenter" role="button">更多详情»</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-6 agileits_banner_bottom_left mt-lg-0 mt-md-5 mt-4">
					<div class="agileinfo_banner_bottom_pos">
						<div class="row w3_agileits_banner_bottom_pos_grid">
							<div class="col-3 wthree_banner_bottom_grid_left">
								<div class="agile_banner_bottom_grid_left_grid hvr-radial-out text-center">
									<i class="fa fa-paint-brush" aria-hidden="true"></i>
								</div>
							</div>
							<div class="col-9 wthree_banner_bottom_grid_right">
								<h4 class="sub_service_agileits text-uppercase mb-2">标准的销售包装</h4>
								<p class="mb-2">我们的包装团队一共有八人组成，每日标准包装能够达到上千余件，极大地满足了市场每日需求。我们一直延用着内塑外编的标准包装，防止泥土以及雨水混入铁丝使产品遭受破坏影响销售，同时为了能够更方便的客户销售产品，我们也可以根据客户不同需求包装不同重量的捆，以方便客户销售不同人群。</p>
								<div class="agileits-button two service">
									<a class="btn btn-primary btn-lg hvr-underline-from-left text-uppercase" href="#" data-toggle="modal" data-target="#exampleModalCenter" role="button">更多详情»</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-6 agileits_banner_bottom_left mt-md-5 mt-4">
					<div class="agileinfo_banner_bottom_pos">
						<div class="row w3_agileits_banner_bottom_pos_grid">
							<div class="col-3 wthree_banner_bottom_grid_left">
								<div class="agile_banner_bottom_grid_left_grid hvr-radial-out text-center">
									<i class="fas fa-industry" aria-hidden="true"></i>
								</div>
							</div>
							<div class="col-9 wthree_banner_bottom_grid_right">
								<h4 class="sub_service_agileits text-uppercase mb-2">快速的货代运输</h4>
								<p class="mb-2">我们常年与三家运输公司合作，其路线包含了中国中西部北部以及南部地区，能够快速精确的将产品运往各地。在运输过程中可随时查看货物情况以及位置，使得客户放心我们安心。在阴雨天气或者暴雪天气下我们尽责的司机师傅们会提前将产品使用防水布盖住，防止产品受损。</p>
								<div class="agileits-button two service">
									<a class="btn btn-primary btn-lg hvr-underline-from-left text-uppercase" href="#" data-toggle="modal" data-target="#exampleModalCenter" role="button">更多详情»</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-6 agileits_banner_bottom_left mt-md-5 mt-4">
					<div class="agileinfo_banner_bottom_pos">
						<div class="row w3_agileits_banner_bottom_pos_grid">
							<div class="col-3 wthree_banner_bottom_grid_left">
								<div class="agile_banner_bottom_grid_left_grid hvr-radial-out text-center">
									<i class="fa fa-fire" aria-hidden="true"></i>
								</div>
							</div>
							<div class="col-9 wthree_banner_bottom_grid_right">
								<h4 class="sub_service_agileits text-uppercase mb-2">负责的工厂售后</h4>
								<p class="mb-2">我们一直本着长远商业眼光进行我们的销售业务，完美负责的售后服务给新老顾客一种放心的下单感受。只要您有问题随时联系我们，我们永远都会在第一时间给出您最好的答复。</p>
								<div class="agileits-button two service">
									<a class="btn btn-primary btn-lg hvr-underline-from-left text-uppercase" href="#" data-toggle="modal" data-target="#exampleModalCenter" role="button">更多详情»</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-6 agileits_banner_bottom_left mt-md-5 mt-4">
					<div class="agileinfo_banner_bottom_pos">
						<div class="row w3_agileits_banner_bottom_pos_grid">
							<div class="col-3 wthree_banner_bottom_grid_left">
								<div class="agile_banner_bottom_grid_left_grid hvr-radial-out text-center">
									<i class="fas fa-cogs" aria-hidden="true"></i>
								</div>
							</div>
							<div class="col-9 wthree_banner_bottom_grid_right">
								<h4 class="sub_service_agileits text-uppercase mb-2">正规的增值发票</h4>
								<p class="mb-2">为方便不同客户需求，我司能够开正规的增值税发票，并且接受先票后尾款的交易形式，将利益最大化的提供给我们亲爱的客户。</p>
								<div class="agileits-button two service">
									<a class="btn btn-primary btn-lg hvr-underline-from-left text-uppercase" href="#" data-toggle="modal" data-target="#exampleModalCenter" role="button">更多详情»</a>
								</div>
							</div>
						</div>
					</div>
				</div>
		</div>
	</div>
</section>
<!-- //services -->

<!-- services middle section -->
<section class="middle">
	<div class="layer py-5">
		<div class="container">
			<h3 class="text-center text-uppercase">河北省定州市金钊金属制品有限公司</h3>
			<p class="text-center text-capitalize font-italic mt-3">电镀锌黄铁线，电镀锌铁丝，用于通讯电力行业以及改拔丝，编织丝网等等</p>
			<div class="contactus text-center pt-md-5 pt-sm-4 pt-4">
				<a href="contact.html" class="text-capitalize">联系我们</a>
			</div>
		</div>
	</div>
</section>
<!-- //services middle section -->

<!-- Other services -->
<section class="services py-5 my-lg-5">
	<h3 class="heading text-center text-uppercase">每日工作</h3>
	<p class="heading-bottom text-center font-italic mb-5">我们为您在做些什么？</p>
	<div class="container">
		<div class="row top-grids">
			<div class="col-md-4 servicegrid">
				<img src="images/g2.jpg" alt="" class="img-fluid">
				<h3 class="text-center p-3">优质电镀锌黄铁线成品</h3>
			</div>
			<div class="col-md-4 servicegrid mt-lg-0 mt-sm-5 mt-5">
				<img src="images/g3.jpg" alt="" class="img-fluid">
				<h3 class="text-center p-3">出纳仔细数出货数量</h3>
			</div>
			<div class="col-md-4 servicegrid mt-lg-0 mt-sm-5 mt-5">
				<img src="images/g4.jpg" alt="" class="img-fluid">
				<h3 class="text-center p-3">装卸团队装载货物到车</h3>
			</div>
		</div>
		<div class="row mt-md-5 bottom-grids mt-sm-5 mt-5">
			<div class="col-md-8 servicetextgrid">
				<h3 class="text-capitalize">我们为您服务每一天</h3>
				<p class="para text-capitalize font-italic">倾尽所有力量为您服务，满意铺满全中国</p>
				<p>我们各部门共同协调合作完成工作，高效率完成从生产到运输过程，更好更快的完成对客户的产品服务。</p>
				<div class="read mt-4">
					<a href="#" class="text-capitalize">了解更多</a>
				</div>
			</div>
			<div class="col-md-4 servicegrid mt-lg-0 mt-sm-5 mt-5">
				<img src="images/g5.jpg" alt="" class="img-fluid">
				<h3 class="text-center p-3">抗拉强度测试的机器</h3>
			</div>
		</div>
	</div>
</section>
<!-- //services -->

<!-- Vertically centered Modal -->
<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title text-uppercase" id="exampleModalLongTitle">定州市金钊金属制品有限公司</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
		<img src="images/1.jpg" class="img-fluid mb-4" alt="Modal Image" />
        Vivamus eget est in odio tempor interdum. Mauris maximus fermentum arcu, ac finibus ante. Sed mattis risus at ipsum elementum, ut auctor turpis cursus. Sed sed odio pharetra, aliquet velit cursus, vehicula enim. Mauris porta aliquet magna, eget laoreet ligula.
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
        <button type="button" class="btn btn-primary">保存</button>
      </div>
    </div>
  </div>
</div>
<!-- //Vertically centered Modal -->

<!-- footer -->
<footer>
	<div class="footer-top">
		<div class="container">
			<div class="row py-5">
				<div class="col-lg-3 col-md-6 footer-grid">
					<div class="footer-logo">
						<h3 class="text-uppercase mb-3">关于我们</h3>
						<p>我们主要从事电镀锌白丝以及黄铁线铁丝的生产，可对产品进行定制生产。我们的公司理念：服务更多，满意堆满全中国。</p>
						
					</div>
				</div>
				<div class="col-lg-3 col-md-6 footer-grid mt-md-0 mt-sm-3 mt-3">
					<h3 class="text-uppercase mb-3">服务范围</h3>
					<ul>
						<li> <a href="#">快速的货代运输</a> </li>
						<li> <a href="#">特优质的原材料</a> </li>
						<li> <a href="#">标准的产品包装</a> </li>
						<li> <a href="#">完美的售后服务</a> </li>
						<li> <a href="#">正规的增值发票</a> </li>
					</ul>
				</div>
				<div class="col-lg-3 col-md-6 mt-lg-0 mt-md-4 mt-sm-3 mt-3 footer-grid">
					<h3 class="text-uppercase mb-3">联系我们</h3>
					<address>
						<p class="pb-2"><span class="fa fa-home" aria-hidden="true"></span>河北省定州市<span class="addr">李亲顾镇留宿工业区</span></p>
						<p class="pb-2"><span class="fa fa-phone" aria-hidden="true"></span>13463127669</p>
						<p class="pb-2"><span class="fa fa-envelope" aria-hidden="true"></span><a href="mailto:contact@mail.com">hebeijinzhaojinshu@163.com</a></p>
						<p class="pb-2"><span class="fa fa-globe" aria-hidden="true"></span><a href="#">www.jinzhaojinshu.com</a></p>
					</address>
				</div>
				<div class="col-lg-3 col-md-6 mt-lg-0 mt-md-4 mt-sm-3 mt-3 agile-footer-grid footer-grid">
					<h3 class="text-uppercase mb-3">最近更新照片</h3>
					<div class="row insta">
						<div class="col-4 w3_agileits_footer_grid_left">
							<a href="#"><img src="images/i1.jpg" alt=" " class="img-responsive" /></a>
						</div>
						<div class="col-4 w3_agileits_footer_grid_left">
							<a href="#"><img src="images/i2.jpg" alt=" " class="img-responsive" /></a>
						</div>
						<div class="col-4 w3_agileits_footer_grid_left">
							<a href="#"><img src="images/i3.jpg" alt=" " class="img-responsive" /></a>
						</div>
						<div class="col-4 w3_agileits_footer_grid_left">
							<a href="#"><img src="images/i4.jpg" alt=" " class="img-responsive" /></a>
						</div>
						<div class="col-4 w3_agileits_footer_grid_left">
							<a href="#"><img src="images/i5.jpg" alt=" " class="img-responsive" /></a>
						</div>
						<div class="col-4 w3_agileits_footer_grid_left">
							<a href="#"><img src="images/i6.jpg" alt=" " class="img-responsive" /></a>
						</div>
					</div>
				</div>
			</div>
			<div class="wthree_copy_right p-3">
				<p class="text-capitalize">Copyright &copy; 2018.Company name All rights reserved.</p>
			</div>
		</div>
	</div>
</footer>
<!-- //footer -->

<!-- js-scripts -->		

	<!-- js -->
	<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap --> 
	<!-- //js -->	
	
	<!-- start-smoth-scrolling -->
	<script src="js/SmoothScroll.min.js"></script>
	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript" src="js/easing.js"></script>
	<script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){		
				event.preventDefault();
				$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
			});
		});
	</script>
	<!-- here stars scrolling icon -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			*/
								
			$().UItoTop({ easingType: 'easeOutQuart' });
								
			});
	</script>
	<!-- //here ends scrolling icon -->
	<!-- start-smoth-scrolling -->

<!-- //js-scripts -->

</body>
</html>